<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymleaf.org" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	  xsi:schemaLocation="http://www.thymleaf.org ">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<meta name="description" content="">
	<meta name="author" content="">
	<title>Signin Template for Bootstrap</title>
	<!-- Bootstrap core CSS -->
	<link th:href="@{/css/bootstrap.min.css}" rel="stylesheet">
	<!-- Custom styles for this template -->
	<link th:href="@{/css/signin.css}" rel="stylesheet">
</head>

<body class="text-center">
<form class="form-signin" th:action="@{/login}">
	<img class="mb-4" th:src="@{/img/bootstrap-solid.svg}" alt="" width="72" height="72">
	<!--			通过thymleaf来实现内容控制,用#号写,-->
	<h1 class="h3 mb-3 font-weight-normal" th:text="#{login.tip}">Please sign in</h1>
<!--	thymleaf的判断-->
	<p th:text="${msg}" th:if="${not #strings.isEmpty(msg)}"></p>
	<!-- 这里的name值对应logincontroller里的requestparam-->
	<input type="text" th:name="username" class="form-control" th:placeholder="#{login.username}" required=""
		   autofocus="">

	<input type="password" th:name="password" class="form-control" th:placeholder="#{login.password}" required="">
	<div class="checkbox mb-3">
		<label>
			<!--					属性值的另一种写法-->
			<input type="checkbox" value="remember-me"> [[#{login.remember}]]
		</label>
	</div>
	<button class="btn btn-lg btn-primary btn-block" type="submit">[[#{login.btn}]]</button>
	<p class="mt-5 mb-3 text-muted">© 2021-2022</p>
	<!--		设置不同语言的请求链接,thymleaf里面的参数不用?key=value,直接用小括号来-->
	<a class="btn btn-sm" th:href="@{/index.html(l=zh_CN)}">中文</a>
	<a class="btn btn-sm" th:href="@{/index.html(l=en_US)}">English</a>
	<a class="btn btn-sm" th:href="@{/index.html(l=ru_RUS)}">Русский</a>
</form>

</body>

</html>